﻿/* @elements reset */
html, body{height:100%; margin:0; padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,button,blockquote{margin:0; padding:0;}
body,div,dl,dt,dd,h1,h2,h3,h4,form,fieldset,p,th,td,input,cite{color:#444; font-style:normal; font-weight:normal; font-size:12px;}
ht{display:none;}
img,fieldset{border:0 none;}
ul,ol,li{list-style:none outside;}
img,input,select,textarea{vertical-align:middle; font-family:dotum,돋움,sans-serif;}
strong{font-weight:bold;}

/* @[IE] input-TAG margin */
*:first-child+html input{margin:-1px 0px -1px 0px;} /* IE7 Hack */
*html input {margin:-1px 0px -1px 0px;} /* IE6 Hack */

/* @html and body */
html{width:100%;height:100%;scrollbar-face-color: #E4E4E4; scrollbar-shadow-color: #D2D2D2; scrollbar-highlight-color: #E4E4E4; 
scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #666666; scrollbar-track-color: #EFEFEF; scrollbar-arrow-color: #B5B5B5;}
body,
#aspnetForm,
#form1{width:100%;height:100%;font-family:돋움,Dotum,AppleGothic,sans-serif;background:white repeat-x left top;}

/************CONTROLS************/

/* Button */
.btnLogin { width:70px; height:70px; }
.btnRegisterSubmit {}

/* TextBox */
.txt_underline_dot { color:#797979; border-style:groove; padding-top:2px; border-width:2px; border-color:#C1C1C1; border-top-style:none; border-left-style:none; border-right-style:none; border-bottom-style:dotted; }
.txtLogin { background:url(../images/login.png) no-repeat 0 0; width:135px; height:16px; margin:4px 0 0; padding:7px 7px 7px 38px; border:0; color:#707b85; font:bold 12px Arial, sans-serif; }
.txtPassword { background:url(../images/login.png) no-repeat 0 -30px; width:135px; height:16px; margin:4px 0 0; padding:7px 7px 7px 38px; border:0; color:#707b85; font:bold 12px Arial, sans-serif;}
.txtPostSearch { background:url(../images/textbox.png) no-repeat 0 0; width:270px; height:16px; margin: 4px 0 0; padding:7px 15px 7px 15px; border:0; color:#707b85; font:bold 12px Arial, sans-serif;}

/************CONTROLS************/


/************MASTERPAGE************/

/* @interfaceHeader */
.interfaceHeader{ position:relative; width:100%; height:150px; overflow:hidden; background:#EEEEEE no-repeat left top; z-index:200;}

/* @interfaceBody */
.interfaceBody{ position:relative; min-height:100%; margin:-150px 0 -28px; z-index:10; }
*html .interfaceBody{height:100%;}

/* @@contentsBody */
.contentsBody{ position:relative; min-height:100%; height:100%; padding:160px 0 38px; } /* padding + 10 */
/*.contentsBody{*height:1%;z-index:50;}*/
.contentsBody:after {content:" "; display:block; clear:both; height:0; visibility:hidden; }

/* @interfaceFooter */ 
.interfaceFooter{position:relative; height:28px; background:#EEEEEE repeat-x left top; z-index:100; }

/************MASTERPAGE************/


/* @User Menu */
.userMenu {position:relative; width:100%;  }

/* @Menu */
.mainMenu {position:relative; width:500px;}
.mainMenu li{display: inline;}

/* @Register */
.Register {width:400px; margin-left:auto; margin-right:auto;}
.Register .title {text-align:center; background-color:White; height:50px;}
.Register .property {width:30%; border-bottom:solid 1px #E1E1E1; border-right:solid 1px #E1E1E1; background-color:#F9F9F9; height:40px; padding-left:15px;}
.Register .value {width:70%; padding:10px 10px; border-bottom:solid 1px #E1E1E1; }
.Register .propertyLast {width:30%; border-right:solid 1px #E1E1E1; border-bottom-style:none; background-color:#F9F9F9; height:100px; padding-left:15px;}
.Register .valueLast {width:70%; padding:10px 10px; border-bottom-style:none; }
.Register .tdBtn {height:35px; background-color:White; text-align:right; padding-right:20px;}


/* @Blog Read */
.divBlogRead {width:750px; height:100%; margin-left:auto; margin-right:auto; }
.dlBLog {width:600px;}
/* @Blog list */
.blogList {border:0; width:100%;}

.divBlogBody {width:650px; height:auto; margin-left:auto; margin-right:auto; }
.divBlogBody .divBlogBodyContent { margin-top:30px; margin-bottom:50px; border-bottom-width:1; border-bottom-color:#FFFFFF;}
.divBlogBody .divBlogReply { width:100%; margin-left:auto; margin-right:auto;}

.divBlogBody .writeReply {width:100%;}
.divBlogBody .writeReply .trWriteReply {}
.divBlogBody .writeReply .trWriteReply .name { width:15%; text-align:center; }
.divBlogBody .writeReply .trWriteReply .body { text-align:center; }
.divBlogBody .writeReply .trWriteReply .password { width:25%; text-align:center; }

.divBlogBody .writeReply .trWriteReply2 {}
.divBlogBody .writeReply .trWriteReply2 .id { width:15%; text-align:center; }
.divBlogBody .writeReply .trWriteReply2 .body { width:55%; text-align:center; }
.divBlogBody .writeReply .trWriteReply2 .password { width:20%; text-align:center; }
.divBlogBody .writeReply .trWriteReply2 .btnWrite { width:10%; text-align:center; }

.divBlogBody .writeReply2 { width:100%; }
.divBlogBody .writeReply2 .trWriteReply {}
.divBlogBody .writeReply2 .trWriteReply .id { width:15%; }
.divBlogBody .writeReply2 .trWriteReply .body { width:70%; }
.divBlogBody .writeReply2 .trWriteReply .date { width:10%; }
.divBlogBody .writeReply2 .trWriteReply .button { width:5%; }

.blogList .row_head {}
.blogList .row_head .col_idx { width:15%; text-align:center; }
.blogList .row_head .col_title { width:65%; text-align:center; }
.blogList .row_head .col_date { width:20%; text-align:center; }
.blogList .row_content {height:50px;}
.blogList .row_content .content {}

.blogList .row_head2 {}
.blogList .row_head2 .col_idx2 {}
.blogList .row_head2 .col_title2 {}
.blogList .row_head2 .col_date2 {}
.blogList .row_head2 .col_hit2 {}
.blogList .row_content2 .content2 {}

.blogReadButton {width:600px; margin-left:auto; margin-right:auto; text-align:center;}

/* @Blog Write */
.divBlogWrite { width:600px; text-align:center; height:100%; margin-left:auto; margin-right:auto;}
.blogWrite {border:0; width:600px; height:400px;}

.blogWrite .row_title { height:30px; }
.blogWrite .row_title .col_title1 {}
.blogWrite .row_title .col_title2 {}

.blogWrite .row_body1 { height:30px; }
.blogWrite .row_body1 .col_body1 { text-align:center; }
.blogWrite .row_body2 {}
.blogWrite .row_body2 .col_body2 { text-align:center; }

.blogWrite .row_button { height:40px; }
.blogWrite .row_button .col_button {}



/* Login UC */
.divLoginUc { position:relative; float:right; }
.divLoginUc .tableLogin { width:150px; height:50px; }
.divLoginUc a:link {text-decoration:none; color:#004276;}
.divLoginUc a:visited {text-decoration:none; color:#004276;}
.divLoginUc a:active {text-decoration:none; color:#004276;}
.divLoginUc a:hover {text-decoration:none; color:#004276;}

/* Login Page */
.divLogin { height:100%; }
.divLogin a:link {text-decoration:none; color:#004276;}
.divLogin a:visited {text-decoration:none; color:#004276;}
.divLogin a:active {text-decoration:none; color:#004276;}
.divLogin a:hover {text-decoration:none; color:#004276;}
.divLogin 

.divLoginContent { background-color:#EEEEEE; width:400px; height:300px; margin-top:100px; margin-left:auto; margin-right:auto;}
.divLoginContent .tableLogin { margin-top:100px; margin-left:auto; margin-right:auto; position:relative; }
.divLoginContent .divMsg { margin-top: 40px;}


/* User Profile UC */
.divUserProfile { position:relative; float:right; }


/* Dialog */
.commonDialog { }
.commonDialog h1{ font-weight:bold; font-size:larger; margin-left:5px; margin-top:5px; }
.commonDialog h2{ margin-left:20px; margin-top:10px; }